@baseSize: 30;
html {
    font-size: 63.43px ;
}
.clearfix::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}
body {
    font-family: SimSun;
    // background: url(../images/bodybg.png) repeat-y;
    // background-size: 100% 1px;
}
img {
    width: 100%;
    vertical-align: middle;
}
/* 开启 ie盒模型 记得把边框测量上 */
div {
    box-sizing: border-box;
}
// 混合 集合 mixture
.mixture() {

}
// 继承 inherit
.inherit() {

}
/* 990版心 */
.wrap {
    // width: 52.02%;
    width: 990rem / @baseSize;
    margin: auto;
}
/* 993版心 */
.wrapper {
    // width: 52.18%;
    width: 993rem / @baseSize;
    margin: auto;
}
/* header 头部 */
.header {
    width: 100%;
    height: 88rem / @baseSize;
    background-image: linear-gradient(0deg, #00426f 0%,#005181 100%);
    .header-container {
        position: relative;
        height: 100%;
        .logo {
            float: left;
            width: 20.7%;
            line-height: 88rem / @baseSize;
            margin-left: 7rem / @baseSize;
            h1 a {
                display: block;
                font-size: 0;
                overflow: hidden;
                img {
                    width: 100%;
                }
            }
        }
        .login-tip {
            float: left;
            font-size: 12rem / @baseSize;
            margin-top: 51rem / @baseSize;
            color: #fff;
            margin-left: 19%;
        }
        .search {
            float: left;
            margin-left: 36rem / @baseSize;
            margin-top: 45rem / @baseSize;
            .search-icon {
                float: left;
                position: relative;
                .search-iconfont {
                    position: absolute;
                    top: 50%;
                    left: 5rem / @baseSize;
                    transform: translateY(-50%);
                    font-size: 12rem / @baseSize;
                    color: #575757;
                }
            }
            input[type="text"],button[type="submit"] {
                float: left;
            }
            input[type="text"] {
            width: 186rem / @baseSize;
            height: 22rem / @baseSize;
            border: 0;
            box-shadow: inset 1px 2rem / @baseSize 6rem / @baseSize 0 rgba(0, 0, 0, 0.21);
            border: solid 1px #aaa;
            text-indent: 21rem / @baseSize;
            }
            button[type="submit"] {
                width: 58rem / @baseSize;
                height: 23rem / @baseSize;
                line-height: 22rem / @baseSize;
                margin-left: 5rem / @baseSize;
                background-image: linear-gradient(0deg,#bfbdbd 0%,#fff 100%);
                box-shadow: 1px 1px 0px 0#949799;
                font-family: MicrosoftYaHei;
                font-size: 12rem / @baseSize;
                color: #333;
                box-shadow: 1px 0 0 rgba(255, 255, 255, 0.44);
                border-radius: 3px;
            }
        }
        .language {
            float: right;
            margin-left: 37rem / @baseSize;
            margin-right: 10rem / @baseSize;
            ul {
                display: flex;
                li {
                    height: 21rem / @baseSize;
                    line-height: 18rem / @baseSize;
                    padding: 0 4rem / @baseSize;
                    font-family: FZY3JW--GB1-0;
                    font-size: 12rem / @baseSize;
                    margin-top: 47rem / @baseSize;
                    box-shadow: 0 1px 2rem/ @baseSize 0 rgba(0, 0, 0, 0.18);
                    border: solid 1px #3777a1;
                    margin-left: 3px;
                    color: #e4e4e4;
                    font-weight: bold;
                    letter-spacing: 1px;
                    background-color: #006297;
                    border-radius: 4rem / @baseSize;
                    cursor: pointer;
                    box-sizing: border-box;
                    &::placeholder {
                        font-size: 12rem / @baseSize;
                    }
                    &.current {
                        color: #fff;
                        background-color: #1199e3;
                        border-color: #61b3e0;
                    }
                    &:hover {
                        color: #fff;
                        background-color: #1199e3;
                        border-color: #61b3e0;
                    }
                }
            }
        }
        .tip-group {
            position: absolute;
            top: 0;
            right: 2rem / @baseSize;
            width: 232rem / @baseSize;
	        height: 27rem / @baseSize;
            line-height: 27rem / @baseSize;
            background: url(../images/tip-group_pic.png) no-repeat;
            background-size: 100%;
            ul {
                display: flex;
                align-items: center;
                li {
                    position: relative;
                    height: 27rem / @baseSize;
                    margin-left: 37rem / @baseSize;
                    &:first-child {
                        margin-left: 42rem / @baseSize;
                    }
                    &:last-child {
                        margin-left: 43rem / @baseSize;
                    }
                    &::after {
                        position: absolute;
                        bottom: 7rem / @baseSize;
                        right: -18.5rem / @baseSize;
                        content: '';
                        display: block;
                        width: 1px;
                        height: 13rem / @baseSize;
                        background-color: #fff;
                    }
                    &:last-child::after {
                        content: none;
                    }
                    a {
                        display: block;
                        font-size: 13rem / @baseSize;
                        color: #fff;
                    }
                }
            }
        }
    }
    .nav {
        background-color: #004e81;
        position: relative;
        .ulbox {
            // display: none;
            position: absolute;
            width: 100%;
            height: 35rem / @baseSize;
            background-color: #fafafa;
            border-bottom: 1px solid #dfdfdf;
            .boxs {
                display: flex;
                justify-content: flex-end;
            }
            .item {
                display: flex;
                position: absolute;
                z-index: 1;
                line-height: 35rem / @baseSize;
                a {
                    position: relative;
                    color: #555;
                    font-size: 12rem  /@baseSize;
                    margin-left: 0;
                    padding: 0 9rem / @baseSize;
                    &:last-child {
                        padding-right:0 ;
                    }
                    &:first-child {
                        padding-left: 0;
                    }
                    &::after {
                        position: absolute;
                        top: 50%;
                        transform: translateY(-50%);
                        right: 0;
                        content: '';
                        display: block;
                        width: 1px;
                        height: 11rem / @baseSize;
                        background-color: #555;
                    }
                    &:last-child::after {
                        content: none;
                    }
                }
            }
        }
        .container {
            display: flex;
        }
        ul.nav-list {
            display: flex;
            position: relative;
            background-image: linear-gradient(0deg,#013c63 0%,#005083 100%);
            box-shadow: inset -1px 1px 0 0 rgba(255, 255, 255, 0.14);
            padding-left: 3rem / @baseSize;
            margin-left: 5rem / @baseSize;
            li {
                position: relative;
                float: left;
                height: 32rem / @baseSize;
                line-height: 32rem / @baseSize;
                border-top: 1px solid #246995;
                padding-right: 1px;
                border-right: 1px solid rgba(32, 93, 142, .9);
                box-sizing: border-box;
                &:hover{
                    background-color: #65bb10;
                    position: relative;
                    background-color: #65bb10;
                    &::before {
                        position: absolute;
                        bottom: 0;
                        left: 50%;
                        transform: translateX(-50%);
                        display: block;
                        content: '';
                        width: 0;
                        height: 0;
                        border-left: 6rem / @baseSize solid transparent;
                        border-right: 6rem / @baseSize solid transparent;
                        border-bottom: 9rem / @baseSize solid #fff;
                    }
                }
                &.current {
                    position: relative;
                    background-color: #65bb10;
                    &::before {
                        position: absolute;
                        bottom: 0;
                        left: 50%;
                        transform: translateX(-50%);
                        display: block;
                        content: '';
                        width: 0;
                        height: 0;
                        border-left: 6rem / @baseSize solid transparent;
                        border-right: 6rem / @baseSize solid transparent;
                        border-bottom: 9rem / @baseSize solid #fff;
                    }
                }
                &:first-child {
                    padding-right: 4rem  /@baseSize;
                    border-left: 0;
                }
                a{
                    display: block;
                    font-size: 13rem / @baseSize;
                    font-weight: bold;
                    color: #fff;
                    padding: 0 17rem / @baseSize;
                    margin-left: 11rem / @baseSize;
                }
            }
        }
        .shopping-cart {
            display: block;
            line-height: 26rem / @baseSize;
            padding-right: 20rem / @baseSize;
            height: 30rem/ @baseSize;
            float: left;
            font-size: 12rem / @baseSize;
            color: #fff;
            background-image: linear-gradient(0deg,#053453 0%,#014b7a 100%);
            border: solid 1px #3777a1;
            border-left: 0;
            font-weight: 700;
            .shopping-cart-icon {
                color: #57a631;
                font-size: 20rem / @baseSize;
                padding-left: 65rem / @baseSize;
            }
            span.number {
                font-size: 12rem / @baseSize;
            }
        }
    }
}
.footer-one {
    width: 100%;
    height: 44rem  /@baseSize;
    line-height: 44rem / @baseSize;
    margin-top: 33rem / @baseSize;
    background-color: #004e81;
    ul{
        display: flex;
        align-items: center;
        justify-content: center;
        li {
            position: relative;
            a {
                display: block;
                padding: 0 22rem / @baseSize;
                font-size: 12rem  / @baseSize;
                color: #fff;
            }
            &::after {
                position: absolute;
                top: 50%;
                right: 0;
                transform: translateY(-50%);
                content: '';
                display: block;
                width: 1px;
                height: 12rem / @baseSize;
                background-color: #378fc6;
            }
            &:last-child a {
                padding-right: 0;
            }
            &:last-child::after {
                content: none;
            }
            &:first-child a {
                padding-left: 0;
            }
        }
    }
}
.footer {
    background-color: #025386;
    height: 65rem / @baseSize;
    box-shadow: 0 0 .5px rgba(0, 0, 0, 0.18);  
      p {
        text-align: center;
        font-size: 12rem / @baseSize;
        color: #378fc6;
        line-height: 36rem / @baseSize;
        font-family: ArialMT;
    }
}

/* 媒体查询  */
@media screen and (max-width: 1920px) {
    html{
        font-size: 64px;
    }
}
@media screen and (max-width: 1903px) {
    html{
        font-size: 63.43px;
    }
        .header .nav ul.nav-list li a  {
        margin-left: 10rem / @baseSize;
    }
}
@media screen and (max-width: 1800px) {
    .header .nav ul.nav-list li a  {
        margin-left: 9rem / @baseSize;
    }

}
@media screen and (max-width: 1769px) {
    .header .nav .shopping-cart .shopping-cart-icon {
        padding-left: 40rem / @baseSize;
    } 
}
@media screen and (max-width: 1600px) {
    html{
        font-size: 53.33px;
    }
   .header-container .login-tip {
        margin-left: 15% !important;
    }
    .header .nav .shopping-cart .shopping-cart-icon {
        padding-left: 15rem / @baseSize;
    } 
}
@media screen and (max-width: 1440px) {
    html{
        font-size: 48px;
    }
    .header .nav .shopping-cart .shopping-cart-icon {
        padding-left: 30rem / @baseSize;
    } 
}
@media screen and (max-width: 1280px) {
    html{
        font-size: 48px;
    }
    .header .nav .shopping-cart .shopping-cart-icon {
        padding-left: 16rem / @baseSize;
    } 
}
@media screen and (max-width: 1200px) {
    html{
        font-size: 40px;
    }
    .header .nav ul.nav-list li a {
        padding: 0 15rem / @baseSize;
    }
    .header .nav .shopping-cart .shopping-cart-icon  {
        padding-left: 20rem / @baseSize;
    }
}
@media screen and (max-width: 1095px) {
    html{
        font-size: 40px;
    }
    .header .nav ul.nav-list li a {
        padding: 0 13rem / @baseSize;
    }
    .header .nav .shopping-cart .shopping-cart-icon  {
        padding-left: 20rem / @baseSize;
    }
}
@media screen and (max-width: 1070px) {
    html{
        font-size: 33.06px;
    }
    .header-container .login-tip {
        margin-left: 13% !important;
    }
    .header .nav ul.nav-list li a {
        padding: 0 13rem / @baseSize;
    }
    .header .nav .shopping-cart .shopping-cart-icon  {
        padding-left: 12rem / @baseSize;
    }

}
@media screen and (max-width: 1028px) {
    html{
        font-size: 33.06px;
    }
    .header-container .login-tip {
        margin-left: 13% !important;
    }
    .header .nav ul.nav-list li a {
        padding: 0 5rem / @baseSize;
    }
    .header .nav .shopping-cart .shopping-cart-icon  {
        padding-left: 12rem / @baseSize;
    }
    .header .nav .shopping-cart {
        padding-right: 0.366667rem;
    }

}
@media screen and (max-width: 1003px) {
    html{
        font-size: 33.06px;
    }
    .header-container .login-tip {
        margin-left: 13% !important;
    }
    .header .nav ul.nav-list li a {
        padding: 0 12rem / @baseSize;
    }
    .header .nav .shopping-cart .shopping-cart-icon  {
        padding-left: 10rem / @baseSize;
    }

}
@media screen and (max-width: 992px) {
    html{
        font-size: 33.06px;
    }
}